<script type="text/javascript" src="<?php echo URL;?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/js/jquery-validation-1.9.0/jquery.validate.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/js/jquery-validation-1.9.0/localization/messages_es.js"></script>
<style type="text/css">
label { float: left; }
label.error { float: none; color: red; padding-left:0px; vertical-align: top; display: block;font-size:12px;}
p { clear: both; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; color:red;}

</style>


<script>
    $(document).ready(function(){
        $.validator.setDefaults({ ignore: [] });        
        var validator = $("#form1").validate({
              invalidHandler: function() {
                $("#summary").text("Hay " + validator.numberOfInvalids() + " dato(s) NO valido(s). Por favor revise todas las secciones y complételos. Gracias.");
                $("#summary").show();
              }            
        });
        
        $("#titulo").jFriendly("#urlamigable",true);
 
        
    });
</script>


<script type="text/javascript" src="<?php echo URL;?>/js/jFriendly.js"></script>

<style>
.required { border:1px solid #FF9900; background:#eee;}
#form1 input[type="submit"]{
    background:#333;
    cursor:pointer;
    color:#FFF;
    width:290px;
    margin:10px auto;
    line-height: 30px;
    margin-right: 12px;
}
#form1 input[type="submit"]:hover{
    background:#9DE33E;
    color:#333;
}

</style>

<?php if(!empty($_SESSION['Msg'])) { echo mensaje_ok($_SESSION['Msg']); $_SESSION['Msg']=''; } ?>


<div class='row'>

    <div id='summary' style='color:#FF0000; font-size:16px; font-weight:bold;line-height:24px; border:1px solid #FF0000;display:none;margin-bottom:20px;background:#F7D3D3;width:960px;'></div>
	<h2>Agregar un nuevo alojamiento</h2>
    <form name='form1' id='form1' action='<?php echo URL;?>/account/nuevo_alojamiento.php' method='post' accept-charset="utf-8" > 


		<style>
		input {margin:5px;}
		.ctitulo {
			text-align:right;
			font-weight:bold;
			line-height:30px;
		}
		em {padding-right:0px;}
		</style>


		<div class='span3 ctitulo'>Categoría de Alojamiento:<em>*</em></div>
		<div class='span7'><?php echo $select_familia;?></div>
		<div class='clear'></div>

		<div class='span2 ctitulo'>Nombre:<em>*</em></div>
		<div class='span8'>
			<input type='text'  name='titulo' id="titulo" value="" size='90' maxlength='200' class="required"/>
		</div>
		<div class='span2 ctitulo' >URL para esta web:</div>
		<div class='span8'>
			<input type='text'  name='urlamigable' id="urlamigable" value="" size='60' maxlength='60' style='font-weight:bold;color:#E77817;'>
		</div>
		<div class='clear'></div>


		<div class='span2 ctitulo'>Slogan:</div>
		<div class='span8'>
			<input type='text'  name='subtitulo' id="subtitulo" value="" size='90' maxlength='200'  />
		</div>

		<div class='span2 ctitulo' >Su sitio Web:</div>
		<div class='span8'>
			<input type='text'  name='web' id="web" value="<?php echo $data['web'];?>" size='90' maxlength='60'/>
		</div>



		<div class='span2 ctitulo' >Telef.Principal.:</div>
		<div class='span3'>
			<input type='text'  name='telefono1' id="telefono1" value="<?php echo $data['telefono1'];?>" size='25' maxlength='60'/>
		</div>
		<div class='span2 ctitulo' >Telef.Secundario:</div>
		<div class='span3'>
			<input type='text'  name='telefono2' id="telefono2" value="<?php echo $data['telefono2'];?>" size='25' maxlength='60'/>
		</div>
		<div class='span2 ctitulo'>Fax:</div>
		<div class='span8'>
			<input type='text'  name='fax' id="fax" value="<?php echo $data['fax'];?>" size='25' maxlength='60'/>
		</div>

		<div class='span2 ctitulo' >Dirección:<em>*</em></div>
		<div class='span3'>
			<input type='text'  name='direccion' id="direccion" value="" style='width:200px;' class="required" onblur="arma_direccion()"/>
		</div>

		<div class='span2 ctitulo' >Código Postal:<em>*</em></div>
		<div class='span3'>
			<input type='text'  name='codigo_postal' id="codigo_postal" value="<?php echo $data['codigo_postal'];?>" style='width:100px;' class="required"/>
		</div>
		<div class='clear'></div>

		<div class='span2 ctitulo' >Loalidad:<em>*</em></div>
		<div class='span8'>
					<select name='localidad' class='required' id='localidad' onblur="arma_direccion()">
						<?php foreach($Localidades as $clave=>$valor){
							if ($clave==$data['localidad']) { $sel ='selected=selected';} else {$sel='';}
							echo "<option value='$clave' $sel>$valor</option>";
						} ?>
					</select>
		</div>
		<div class='clear'></div>

		<div class='span2 ctitulo' >Provincia:<em>*</em></div>
		<div class='span3'>
			<input type='text'  name='provincia' id="provincia" value="<?php echo $Config['default_provincia'];?>" readonly='readonly' style='width:100px;' class="required"/>
		</div>

		<div class='span2 ctitulo' >País:<em>*</em></div>
		<div class='span3'>
			<input type='text'  name='pais' id="pais" value="<?php echo $Config['default_pais'];?>" readonly='readonly' style='width:100px;' class="required"/>
		</div>
	
	
    <div style='margin:20px auto;width:400px;'>
        <input type='hidden' name='id' value='<?php echo $id;?>' />
        <input type='hidden' name='parent_id' value='<?php echo $data['parent_id'];?>' />
        <input type='submit' name='submit' value='<< Guardar y Continuar cargando datos >>'  />
    </div>
    </form>

    <div class='ayuda'><p><em>*</em> Recuerde que debe completar los campos de todas las pestañas (que se encuentran aquí arriba) para terminar de publicar su Anuncio. </p></div>
</div>
<div class='clear'></div>

<?php //pr($data);?>